JavaScript基礎學習2

4. 函數

函數是JavaScript中的核心功能，用於封裝重複邏輯。函數可以是有名函數或匿名函數，也可以使用箭頭函數來定義簡潔的函數。

4.1 定義函數

• 函數聲明：

  function greet(name) {
    return "Hello, " + name;
  }
  console.log(greet("Alice")); // Hello, Alice
  

• 匿名函數與箭頭函數：

  const greet = (name) => "Hello, " + name;
  console.log(greet("Bob")); // Hello, Bob
  

4.2 函數參數與默認值

函數可以有參數，並且可以為參數設置默認值：

function greet(name = "Guest") {
  return "Hello, " + name;
}
console.log(greet()); // Hello, Guest

5. 範圍（Scope）與閉包（Closure）

JavaScript中的變量有不同的作用範圍（scope），主要分為全局範圍和函數範圍：

• 全局範圍：在所有代碼塊中都可訪問的變量。
• 函數範圍：變量只能在函數內部訪問。
• 塊級範圍：let和const創建的變量僅在塊內可訪問。

閉包是一種特殊的函數，能夠“記住”它所在的外部函數的變量，即使外部函數已經返回：

function outer() {
  let count = 0;
  return function inner() {
    count++;
    return count;
  };
}
const counter = outer();
console.log(counter()); // 1
console.log(counter()); // 2

6. JavaScript中的物件與陣列

6.1 物件

物件是鍵值對的集合，用來存儲複雜數據：

let person = {
  name: "Alice",
  age: 25,
  greet: function() {
    return "Hello, " + this.name;
  }
};
console.log(person.greet()); // Hello, Alice

6.2 陣列

陣列是有序的數據集合，可以用索引來訪問每個元素：

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[1]); // Banana

常見的數組方法：

• push()：添加元素到數組末尾。
• pop()：移除數組末尾的元素。
• forEach()：對每個元素進行遍歷操作。

7. 常見錯誤與除錯

7.1 常見錯誤

• 語法錯誤：如少了分號或大括號不匹配。
• 邏輯錯誤：代碼運行正常但結果不符合預期。
• 類型錯誤：如對null或undefined進行操作。

7.2 除錯工具

• 使用console.log()輸出變量的值，追蹤程序的執行流程。
• 瀏覽器的開發者工具（如Chrome的DevTools）可以用來設置斷點，逐步查看代碼的運行情況。